<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <title>挪车</title>
    <link href="/nuoche/css/swiper.min.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="/nuoche/css/style.css">
    <script type="text/javascript" src="/nuoche/js/index.js"></script>
    <script type="text/javascript" src="/nuoche/js/jquery-1.11.1.min.js"></script>
    <script src="/nuoche/js/swiper.min.js" type="text/javascript"></script>
</head>
<body style="background-color: #f1f2f2">
<div class="all">
    <div class="header">
        <img src="/nuoche/img/back.png" alt="返回" class="header-p-back">
        <p class="header-p">挪车</p>
    </div>

    <div class="nc_box">
        <div class="banner_swiper">
            <div class="swiper-container ">
                <div class="swiper-wrapper ">
                    {volist name="item.multi_pic" id="vo1"}
                    <div class="swiper-slide ">
                        <img src="/{$vo1}" alt="">
                    </div>
                  {/volist}
                </div>
            </div>
        </div>

        <div class="nc_con">
            <div class="nc_con_con">
                <p class="nc_con_con_p">临时停靠，请多关照！</p>
                <p class="nc_con_con_pa">车主车牌号</p>
                <p class="nc_con_con_pb">{$data.car_number}</p>
                <button class="nc_con_con_btn">匿名号码通知挪车</button>

            </div>

        </div>
        <p class="nc_p">{$item.content}
        </p>
    </div>


</div>

<div class="mask_box">
    <div class="mask_box_con">
        <div class="mask_box_cona">
            <p class="mask_box_cona_p">请输入您的手机号码</p>
            <input class="mask_box_cona_int" type="text"  placeholder="">
            <p class="mask_box_cona_pa">输入手机号码点击通知挪车，将会通过虚拟号码联系车主，您的信息不会泄露给车主。</p>
            <div class="mask_box_cona_btnbox clear-fix">
                <button class="mask_box_cona_btn mask_box_cona_btn_a">取消</button>
                <button onclick="tel()" class="mask_box_cona_btn mask_box_cona_btn_b">拨打电话</button>
            </div>
        </div>
    </div>
</div>
<script>
    function tel(){
        var noa = $('input').val();

        if(!noa){
            alert('电话号不能为空');
            return;
        }

        var nob = {$data['username']};
        $.ajax({
            url : '{:url("axb")}',
            data:{'noa':noa,'nob':nob},
            dataType:'json',
            success:function(data){
                console.log(data);
                //console.log(data.SecretBindDTO.SecretNo);
                if(data.Code == "OK"){
                    window.location.href = 'tel:'+data.SecretBindDTO.SecretNo;
                }else{
                    //alert(data.Message);
                    alert('请等待本次绑定失效或绑定失败');
                }
            }
        });
    }
</script>
<script>
    var banner = new Swiper('.banner_swiper .swiper-container', {
        watchSlidesProgress: true,
        slidesPerView: 'auto',
        centeredSlides: true,
        loop: true,
        pagination: {
            el: '.swiper-pagination'
        },
        autoplay: {
            delay: 2500,
            disableOnInteraction: false
        },
    });
</script>

<script>
    $(".nc_con_con_btn").click(function () {
        $(".mask_box").show()

    })
    $(".mask_box_cona_btn_a").click(function () {
        $(".mask_box").hide()
    })
</script>
</body>
</html>